<gm:page title="Nokia Admin" authenticate="true">
 

 <style>
    div.body {
       font-family: arial, san-serif;
       padding:20px;
    }
     
    div.header {
    }
     
    div.header h1 {
      padding-left: 5px;
      font-size: 35px;
      color: #0000FF;
     }
    div.header h1 span {
       font-size: 20px;
      color: #0000FF;
     }
 
    div.header h2 {
       padding-left: 5px;  
      font-size: 20px;
      color: gray;
    }
     
    div.navbar {
      background: #008000;
      padding:5px;
      color: black;
      width:100%;
      font-weight:bold;
    }
    
    div.navbar .selected {
      color:white;
    }   
    
    div.navbar a {
      color:black !important;
    } 
    
    
   div.navbar .separator {
      padding-left:10px;
      padding-right:10px;
    }   
    
    
    div.footer {
      clear:both;
      width:100%;
      padding-top:50px;
    }
   
    .date {
      font-size:15px;
      color:gray;
      padding-bottom:10px;
    }
    .opponent {
      font-size:15px
    }
    .location {
       color:gray;
    }
    .time {
      color:gray;
      font-size:15px;
    }
    .gm-gadget-list tbody.gm-item {
       border:none;
     }
    .teamName {
       padding:10px;
       font-size:15px;
       color:gray;
     }
    .infoData { 
       color:gray;
       padding-right:5px;
       padding-top:10px;
    }
    div.gm-header {
      background:none;
      color: #112ABB;
      padding:none;
    }
    
    .rosterHeader{
      padding: 5 0 5 0;
      border-top:1px solid #e6e6e6;
      border-bottom:1px solid #e6e6e6;
    }
    
    .newsHeader {
      font-size:18px;
      color:gray;
      padding:10 0 10 0;
    }   
   
   .gm-item-selected {
      background:#ffeac0;
   }
 


 

  </style>
    
  <div class="body">
    <div class="header"><h1>NOKIA<br/><span>Connecting People</span></h1></div>
   <div class="header"><h2> Wholesalers, News, Shopping and more...</h2></div>
<div class="navbar"><span><a href="./index.html">Wholesalers</a></span><span class="separator">|</span><span><a href="./resources/news.html">News</span><span class="separator">|</span><span><a href="./resources/messages.html">Message Board</a></span><span class="separator">|</span><span><a href="./resources/shopping.html">Shopping</a></span><span class="separator">|</span><span class="selected">Admin-Add Wholesaler</span></div>    
</div>

<style>   
 div {      white-space: nowrap;    }  
</style> 
 
   <h2>Product Details</h2>  
   <table width="100%"><tr>
 
  
  <td valign="top" width="400px">
  <gm:list id="productList" data="${user}/products" template="productTemplate">   
  <gm:handleEvent src="productMap"/>  
  </gm:list>
    </td><td valign="top">
  <gm:map id="productMap" data="${productList}" create="true">  
  <gm:handleEvent src="productList"/>
  </gm:map>  
</td>
</tr>
</table>
  <gm:template id="productTemplate">  
  <table style="width: 400px"> 
  <thead>       
   <tr>          <td>Product</td>    
   <td>Place</td>
   <td>Price</td>   
   <td>Rating(1-5)</td>    
   <td></td>   
   </tr>      
   </thead>    
  <tbody repeat="true">  
      <tr>     
     <td>  
  
 
 
        
<gm:text ref="gmd:name" size="3"/>  
 
          </td>  
          <td width="100%">    
         <gm:text ref="atom:title"/>
          </td>         
          <td>   
 
 <gm:text ref="gmd:departure" size="3"/> 
      </td>          <td>        
      <gm:text ref="gmd:arrival" size="3"/> 
      </td>          <td align="right">
      <gm:editButtons/>          </td>       </tr>      </tbody>    </table>    <br/>    
<gm:create label="New Product"/>  </gm:template>
 
   
  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2309750-1";
urchinTracker();
</script>
        
</gm:page>
